<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib uri="/struts-tags" prefix="s" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><s:text name="site.title"/></title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<script src="js/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="js/jquery.jcarousel.pack.js" type="text/javascript"></script>
<script src="js/jquery-func.js" type="text/javascript"></script>
<style type="text/css">
	#div_img{
		width: 968px;
		margin: 0 auto;
	}
	#div_img ul{
		margin-top : 10px; 
	}
	#div_img ul li{
		list-style: none;
		list-style-type: none;
		display: inline;
		height: 20px;
		line-height: 20px;	
		
	}
	#div_img ul li img{
		/**width:156px;*/
		/**	height:100px;*/
		width: 310px;
		height: 200px;
	}
	#top_intro{
		background: url("css/images/main.jpg");
		width: 100%;
		height: 50px;
		margin: 0 auto;
	}
	#top_intro div{
		width: 970px;
		height: 50px;
		margin: 0 auto;
	}
	.picTitle{
		margin-top: 20px;
		padding-top: 20px;
		padding-bottom: 8px;
		padding-left: 10px;
		font-family: "隶属";
		width: 100%;
		border: 1px solid green;
		background: gray;
	}
	.line{
		 /*border-bottom: 1px solid green;*/
	}
</style>
</head>
<%
    String path = request.getRequestURI();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path;
%>
<base href="<%=basePath%>">
<body>
<%@include file="header.jsp"  %>
<div id="top_intro">
	<div>
	<h3 class="tab"><span class="ico ico1"><s:text name="prod_introduction" /></span></h3>
	</div>
</div>

<!-- Slider -->
<div>
  <div style="width: 970px;margin: 0 auto;">
      <div id="div_img">
      <h1 class="picTitle">朔胶产品</h1>
      <div class="line"></div>
        <ul>
        <c:forEach items="${list_0}" var="prod">
        	<li>
	          	<a href="prod-detail.action?id=${prod.id }">
	            <img src="images/product/${prod.smallPicture }" alt="${prod.name }"/>
            </a>
          </li>
        </c:forEach>
        </ul>
        
        <!-- ############################################## -->
        <h1 class="picTitle">整套模具</h1>
      <div class="line"></div>
        <ul>
        <c:forEach items="${list_1}" var="prod">
        	<li>
	          	<a href="prod-detail.action?id=${prod.id }">
	            <img src="images/product/${prod.smallPicture }" alt="${prod.name }"/>
            </a>
          </li>
        </c:forEach>
        </ul> 
        <!-- ############################################## -->
        <h1 class="picTitle">单个部件</h1>
      <div class="line"></div>
        <ul>
        <c:forEach items="${list_2}" var="prod">
        	<li>
	          	<a href="prod-detail.action?id=${prod.id }">
	            <img src="images/product/${prod.smallPicture }" alt="${prod.name }"/>
            </a>
          </li>
        </c:forEach>
        </ul>
      </div>
      <div id="page">
		<!-- 分页 -->
      </div>
    </div>
</div>
<!-- End Slider -->
<!-- Main -->
<div id="main" style="background: none;">
  <div class="shell2">
    <!-- Cols -->
    <div class="cols">
      <div class="cl">&nbsp;</div>
      <!-- Col -->
      <div>
        
        <div class="entry">
          <!-- <h4><s:text name="introduction1" /> </h4>  -->
          <p> <s:text name="company_intro_1" /></p>
          <p> <s:text name="company_intro_2" /></p>
          <p> <s:text name="company_intro_3" /></p>
          <p> <s:text name="company_intro_4" /></p>
          <p> <s:text name="company_intro_5" /></p>
          <p> <s:text name="company_intro_6" /></p>
          <p> <s:text name="company_intro_7" /></p>
        </div>
      </div>
      <!-- End Col -->
	  
      <div class="cl">&nbsp;</div>
    </div>
    <!-- End Cols -->
  </div>
</div>
<!-- End Main -->
<!-- Footer -->
<%@include file="footer.jsp" %>
<!-- End Footer -->
</body>
</html>
